@use "@/styles/variables"as *;

.#{$name}-list {
    &-head {
        padding: 12px 12px;
    }

    &-main{
        padding: 0 $side-padding;
    }

    &-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #f5f5f5;
        padding: 18px 0;

        &__content {
            flex: 1;
            color: #333;
            font-size: 14px;
           
        }

        &__left {
            margin-right: 12px;
            display: flex;
            text-align: center;
            align-items: center;
        }

        &__checkbox {
            width: 18px;
            height: 18px;

            &>img {
                width: 100%;
                height: 100%;

            }
        }

    }


}